<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:body>

        <ui:composition template="./../plantillas/plantillaBase.xhtml">

            <ui:define name="titulo">
                Crear Usuario
            </ui:define>
            <ui:define name="contenido">
                <p:messages id="msgs" showDetail="true"/>
                <h:form>
                    <p:fieldset id="datosusuario" legend="Datos Personales">
                        <h:panelGrid columns="4" width="100%"  cellspacing="8" >
                            <h:outputLabel for="primerNom" value="Primer Nombre:*"/>
                            <h:inputText id="primerNom" value="#{managerCrearUsuario.primernombre}" required="true" requiredMessage="* Campo requerido: Primer Nombre" maxlength="50" validatorMessage="Primer Nombre:Ingrese solo el primer nombre Inicial mayúscula ">
                                <f:validateRegex pattern="^[A-Z]+[a-záéíóúñ]*" for="primerNom"/>
                            </h:inputText>
                            <h:outputLabel for="segundoNom" value="Segundo Nombre:" />
                            <h:inputText id="segundoNom" value="#{managerCrearUsuario.segundonombre}" maxlength="100" validatorMessage="Segundo Nombre:Ingrese solo letras ">
                                <f:validator validatorId="checkvalideApellido" for="segundoNom"/>
                            </h:inputText>
                            <h:outputLabel for="primerApell" value="Primer Apellido:*" />
                            <h:inputText id="primerApell" value="#{managerCrearUsuario.primerapellido}" required="true" requiredMessage="* Campo requerido: Primer Apellido" maxlength="30" validatorMessage="Primer Apellido:Ingrese solo el primer apellido Inicial mayúscula">
                                <f:validateRegex pattern="^[A-Z]+[a-záéíóúñ]*" for="primerApell"/>
                            </h:inputText>
                            <h:outputLabel for="segundoApell" value="Segundo Apellido:"/>
                            <h:inputText id="segundoApell" value="#{managerCrearUsuario.segundoapellido}" maxlength="30" validatorMessage="Segundo Apellido:Ingrese solo letras ">
                                <f:validator validatorId="checkvalideApellido" for="segundoApell"/>
                            </h:inputText>
                            <h:outputLabel for="duiUsuario" value="DUI:*" />
                            <p:inputMask id="duiUsuario" mask="999999999" value="#{managerCrearUsuario.dui}" required="true" requiredMessage="* Campo requerido: DUI"/>
                            <h:outputLabel for="perfil" value="Perfil:*"/>
                            <h:selectOneMenu id="perfil" value="#{managerCrearUsuario.perfilSeleccionado}" required="true" requiredMessage="* Campo Requerido:perfil">
                                <f:selectItems value="#{managerCrearUsuario.perfiles}"/>
                            </h:selectOneMenu>
                            <h:outputLabel for="email" value="E-mail:" />
                            <h:inputText id="email" value="#{managerCrearUsuario.email}" validatorMessage="Email invalido">
                                <f:validator validatorId="checkvalidemail" />
                            </h:inputText>
                            <h:outputLabel for="estadoUsuario" value="Estado Usuario:*"/>
                            <h:selectOneRadio layout="pageDirection" id="estadoUsuario" value="#{managerCrearUsuario.estadoSeleccionado}" required="true" requiredMessage="Seleccione una opcion">
                                <f:selectItem itemLabel="Activo" itemValue="true"/>
                                <f:selectItem itemLabel="Inactivo" itemValue="false"/>
                            </h:selectOneRadio>
                            <h:outputLabel for="usuario" value="Usuario:*"/>
                            <h:inputText id="usuario" value="#{managerCrearUsuario.nombreusuario}" required="true" requiredMessage="* Campo requerido: Usuario"/>
                        </h:panelGrid>
                    </p:fieldset>
                    <br/>
                    <p:commandButton image="ui-icon ui-icon-plusthick" id ="botoncrear1" value="Crear" action="#{managerCrearUsuario.agregar}" actionListener="#{managerCrearUsuario.addInfo}" update="msgs datosusuario"/>
                    <p:commandButton image="ui-icon ui-icon-cancel" value="Cancelar" action="calcelar" process="@this"/>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
